<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Image Gallery</title>
    <script type="text/javascript" src="scripts/showPic.js">
    </script>
    <link rel="stylesheet" type="text/css" href="styles/layout.css" media="screen" />
</head>

<body>
    <h1>Snapshots</h1>
    <ul id="imagegallery">
        <li><a href="images/Chrysanthemum.jpg" title="Chrysanthemum">Chrysanthemum</a>
        </li>
        <li><a href="images/Desert.jpg" title="Desert">Desert</a>
        </li>
        <li><a href="images/Hydrangeas.jpg" title="Hydrangeas">Hydrangeas</a>
        </li>
        <li><a href="images/Jellyfish.jpg" title="Jellyfish">Jellyfish</a>
        </li>


    </ul>
    <!--<img id="placeholder" src="images/Penguins.jpg" alt="placeholder" />
    <p id="description">Choose an image.</p>-->
    <a href="http://www.baidu.com/" class="popup">Example</a>
    <a href="http://www.baidu.com/">Click me</a>
    </br>

</body>